<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="<c:url value="/css/jquery.Jcrop.css"/>"/> 
		<script type="text/javascript" src="<c:url value="/js/jquery.Jcrop.js" />"></script>
		<link rel="stylesheet" type="text/css" href="<c:url value="/css/register.css" />" /> 
		<link rel="stylesheet" type="text/css" href="<c:url value="/css/style.css" />" type="text/css"/>
		<script type="text/javascript" src="<c:url value="/js/register.js" />"></script>	
</head>
<body>
<div class="header2">
		<div>
		
		</div>
		<div class="featured">
			<img src="<c:url value="/images/ineend.jpg" />" id="leftpic">
			<div>
				<h3>貼心小叮嚀... <br>網路交友危險多，請注意自身安全！</h3>
				<h5>您的行為、安全，本公司一概不負責。</h5>
			</div>
		</div>
	</div>
<div class="bbody">
	 
    <!-- upload form -->
    <form id="upload_form" enctype="multipart/form-data" method="POST" action="<c:url value="/member2.controller" />"onsubmit="return checkForm()">
        <!-- hidden crop params onsubmit="return checkForm()" -->
        <input type="hidden" id="x1" name="x1" />
        <input type="hidden" id="y1" name="y1" />
        <input type="hidden" id="x2" name="x2" />
        <input type="hidden" id="y2" name="y2" />
		
		<div><p>帳號:</p><span>${presendMember.account}</span>
		<p>真實姓名:</p><span>${presendMember.name}</span>
		</div>
        <h2>請上傳您的大頭照</h2>
        <div>
         <c:url  value="member.jsp" var="path" >
               <c:param name="account" value="${presend.account}" />              
               <c:param name="name" value="${presend.name}" />
               <c:param name="nickname" value="${presend.nickname}" />
               <c:param name="bdate" value="${presend.bdate}" /> 
               <c:param name="hight" value="${presend.hight}" />            
               </c:url>
               <a href="${path}">回上頁填寫資料</a>&nbsp;&nbsp;&nbsp;
        <input type="file" name="image_file" id="image_file" onchange="fileSelectHandler()" /></div>
        <div class="error"></div>

        <div class="step2">
            <h2>可以選擇您要的大小、範圍</h2>
            <img id="preview" />

            <div class="info">
                <label>File size</label> <input type="text" id="filesize" name="filesize" />
                <label>Type</label> <input type="text" id="filetype" name="filetype" />
                <label>Image dimension</label> <input type="text" id="filedim" name="filedim" />
                <label>W</label> <input type="text" id="w" name="w" />
                <label>H</label> <input type="text" id="h" name="h" />
            </div>
            <input type="submit" name="inp" value="send" />
        </div>
    </form>
</div>
</body>
</html>